
<link rel="stylesheet" href="css/contact.css" />
    	<script type="text/javascript">
		// <![CDATA[
		$(document).ready(function() {

			$('#name').focus(function() {
				$(this).removeClass('error_class');
			});

			$('#email').focus(function() {
				$(this).removeClass('error_class');
			});

			$('#message').focus(function() {
				$(this).removeClass('error_class');
			});

			$('.contact_form').submit(function() {

				hasError = false;

				if($('#name').val() == '')
				{
					$('#name').addClass('error_class');
					hasError = true;
				}
				if($('#phone').val() == '')
				{
					$('#phone').addClass('error_class');
					hasError = true;
				}
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		        var emailaddressVal = $('#email').val();
		        if(emailaddressVal == '')
				{
		           $('#email').addClass('error_class');
		            hasError = true;
		        }
		        else if(!emailReg.test(emailaddressVal))
				{
		           $('#email').addClass('error_class');
		            hasError = true;
		        }

				if($('#email').val() == '')
				{
					$('#email').addClass('error_class');
					 hasError = true;
				}

				if($('#message').val() == '')
				{
					$('#message').addClass('error_class');
					 hasError = true;
				}

				if( hasError == true)
				{
					$('.info_box').hide();
					$('.error_box').show();
					return false;
				}
			});
		});
		// ]]>
		</script>
<div id="content" style="width: 100%;">
  	<h3 class="widgettitle"><span><?php echo $this->Html->link('Trang chủ',array('controller'=>'news','action'=>'home'));?> » Liên hệ</span></h3>
	<div class="col_1_3">
		<h1 class="red">Địa chỉ</h1>
		<p class='wordwwrap'>
		<?php
			echo $contacts['Infor']['content'];
		?></p>
		<div class="clr"></div>

		<!-- START GOOGLE MAPS -->
		<div class="contact_map">
		<a href='https://maps.google.com/maps/ms?msid=209395974686556249784.0004d09e377760f5a38a4&msa=0&ll=21.064513,105.827074&spn=0.001384,0.002642' target='_blank'>
			<img src="<?php echo $this->webroot;?>img/maps.png" alt="Xem bản đồ">
		</a>
		</div>
		<!-- END GOOGLE MAPS -->
		<div class="clear"></div>
		<!-- END SOCIALS -->

	</div>
 	<div class="col_2_3 last">
		<h1 class="red">Hãy gửi thông tin cho chúng tôi theo form dưới</h1>
		<p class="required_info">Các trường bắt buộc phải điền thông tin <span>*</span></p>
		<div class="line"></div>
		<!-- SUCCESS MESSAGE -->
		<div class="success_box none">Gửi thông tin thành công. Xin cảm ơn bạn !</div>
		<!-- END SUCCESS MESSAGE -->
 		<!-- ERROR MESSAGE -->
		<div class="error_box none">Xin hãy điền đầy đủ các trường được yêu cầu.</div>
		<!-- END ERROR MESSAGE -->
 		<!-- START CONTACT FORM -->
		<?php echo $this->Form->create("Contact",array('action'=>'index','class'=>'contact_form'));?>
		<p>
			<label for="name">Tên của bạn <span>*</span></label>
            <br />
			<?php echo $this->Form->input('name',array('id'=>'name','class'=>'inputText','label'=>false));?>
		</p>
		<div class="clear"></div>
		<p>
			<label for="name">Điện thoại <span>*</span></label>
            <br />
			<?php echo $this->Form->input('mobile',array('id'=>'phone','class'=>'inputText','label'=>false));?>
		</p>
		<div class="clear"></div>
		<p>
			<label for="name">Địa chỉ</label>
            <br />
			<?php echo $this->Form->input('address',array('id'=>'address','class'=>'inputText','label'=>false));?>
		</p>
		<div class="clear"></div>
		<p>
			<label for="email">E-mail <span>*</span></label>
            <br />
			<?php echo $this->Form->input('email',array('id'=>'email','class'=>'inputText','label'=>false));?>
		</p>
		<!-- <div class="clear"></div>
		<p>
			<label for="website">Website</label>
			<input class="inputText" type="text" id="website" name="website" />
		</p> -->
		<div class="clear"></div>
		<p>
			<label for="message">Nội dung <span>*</span></label>
 		</p>
        <div class="clear"></div>
        <?php echo $this->Form->textarea('content',array('id'=>'message','class'=>'inputTextarea','cols'=>88,'rows'=>6));?>
		<div class="clear"></div>
 		<?php echo $this->Form->end('Gửi thông tin');?>
        <br />
		</form>
		<!-- END CONTACT FORM -->

	</div>
</div>